<template>
	<view>
		<view class="flex justify-between align-center px-2">
			<text class="font-md">热门分类</text>
			<view class="flex align-center font text-secondary animated" hover-class="jello" @click="openMore">
				更多
				<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex justify-center border-bottom py-3">
			<block v-for="(item,index) in hotList" :key="index">
				<view 
				class="rounded bg-light flex align-center justify-center mx-1 animated"
				 hover-class="jello"
				style="width: 100rpx;height: 50rpx;"
				>
					{{item.name}}
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	export default{
		props:['hotList'],
		methods:{
			openMore() {
				uni.navigateTo({
					url:'../../pages/topicNav/topicNav'
				})
			}
		}
	}
</script>

<style>
</style>
